<nz-layout style="background-color: #f5f7f9;">
  <nz-layout class="app-layout">
    <nz-sider class="nav-sider nav-menu" nzWidth="180px" *ngIf="isLoggedIn">
      <div class="sidebar-logo">
        <a href="https://ng.ant.design/" target="_blank">
          <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
          <h1>用户管理</h1>
        </a>
      </div>

      <nz-content class="nav-content">
        <app-nav class="app-nav" [isLoggedIn]="isLoggedIn"></app-nav>
      </nz-content>
    </nz-sider>

    <nz-layout class="content-layout">
      <nz-header class="home-header" style="background-color: #f5f7f9; color: black; align-items: center; text-align: center;">
        <div nz-row [nzGutter]="24">
          <div nz-col [nzSpan]="18" style="text-align: left;">
            <span style="color: #97a8be;">{{contentHeader}}</span>
          </div>

          <div nz-col [nzSpan]="6">
            <app-home-header ></app-home-header>
          </div>
        </div>
      </nz-header>
      <nz-content class="content-class">
        <router-outlet class="content-router"></router-outlet>
      </nz-content>
    </nz-layout>
  </nz-layout>
</nz-layout>